<template>
    <div style="width: 100%;height: 100%;background-size: cover;">
        <div style="position: absolute;left: 10px;top: 8px;color: #480101;font-size: 30px;">{{data.title}}</div>

        <% if(data.data.length == 0){ %>
        <div style="position: absolute;left: 400px;top: 250px;color: #000000;">暂无数据</div>
        <%}else{%>
        <% for(var i = 0;i< data.data.length;i++){ %>
        <% var item = data.data[i]; %>
        <div  style="position: absolute;line-height:{{item.height}}px;text-align: left;overflow:hidden;font-size: 24px;color: #000;;left: {{item.left}}px;top: {{item.top}}px;width:{{item.width}}px;height:{{item.height}}px;">
            <img name="{{data.name}}" style="position: absolute;left:34px;top: 15px;width: 46px;height: 46px;" src="images/yjfk/bt3.png" >
            <img id="{{data.name}}_{{i}}" src="images/yjfk/bt5.png" style="position: absolute;left:44px;top: 25px;width: 26px;height: 26px;visibility: hidden" alt="">
            <div style="position: absolute;left: 100px;top:20px;font-size: 30px;line-height: 32px;color: #000000;">
                {{item.title}}
            </div>
        </div>
        <%}%>
        <%}%>
    </div>
</template>
<script>


    (function (){
        return {
            left:94,
            top:148,
            width:1144,
            height:198,
            name:"options",
            background:"images/yjfk/list_bg.png",
            listItem:{
                "row":1,
                "col":4,
                "width":249,
                "height":87,
                // "space_top":10,
                // "space_left":10,
                "padding_left":60,
                "padding_top":70
            },
            title:"1.您对酒店的服务满意不？",
            data:[
                {"title":"非常满意"},
                {"title":"满意"},
                {"title":"一般"},
                {"title":"不满意"}
            ],
            create:function(){
                this.itemGetFocus();
            },
            itemFocusOn:function (item) {
                item.dom.src = "images/yjfk/bt4.png";
            },
            itemFocusOut:function (item) {
                item.dom.src = "images/yjfk/bt3.png";
                this.select_item.dom.src = "images/yjfk/bt3.png";
                $(this.name+"_"+this.select_index).style.visibility = "visible";
            },
            enter:function (item,last_item) {
                $(this.name+"_"+last_item.index).style.visibility = "hidden";
            }
        }
    })()
</script>